<?xml version="1.0" encoding="UTF-8" ?>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean" %>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html" %>
<%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <link rel="stylesheet" href="css/global.css" type="text/css" />
    <link rel="stylesheet" href="css/forms.css" type="text/css" />
    <link rel="stylesheet" href="css/toolbar.css" type="text/css" />
    <title>TP Final: Home</title>
</head>
<body>
    <div class="header">
        <nav>
            <ul>
                <li><a href="#">Herramientas</a>
                    <ul>
                        <li><a href="#">Buscar trámite</a></li>
                        <li><a href="#">Buscar cliente</a></li>
                        <li><a href="viewClients.do">Ver clientes</a></li>
                        <li><a href="#">Nuevo cliente</a></li>
                        <li><a href="viewTransactionType.do">Ver Tipos de Tramites</a></li>
                        <li><a href="transactionTypeSetUp.do">Nuevo Tipo de Tramite</a></li>
                        <li><a href="viewTransaction.do">Ver Tramite</a></li>
                        <li><a href="transactionSetUp.do">Nuevo Tramite</a></li>
                    </ul>
                </li>
                <li><a href="#">Salir</a></li>
            </ul>
        </nav>
    </div>
    <h2>Bienvenido, <em class="todo">USUARIO</em></h2>
    <div>
        <h2>Trámites recientes</h2>
        <table style="width: 100%; margin: 0 auto 0 auto; border: 1px solid black;">
            <thead>
                <tr>
                    <th>Tipo</th>
                    <th>Desde</th>
                    <th>Hasta</th>
                    <th>Prioridad</th>
                    <th>Comentarios</th>
                    <th>Estado</th>
                </tr>
            </thead>
            <tbody>
                <logic:iterate id="transaction" name="lastTransactionsList" indexId="i">
                   <tr id="hoverRow">
                       <td>${transaction.transactionTypeName}</td>
                       <td>${transaction.fromDate}</td>
                       <td>${transaction.toDate}</td>
                       <td>${transaction.priority}</td>
                       <td>${transaction.comments}</td>
                       <td>${transaction.transactionStatus}</td>
                   </tr>
                </logic:iterate>
            </tbody>
        </table>
        <p style="text-align: right"><a href="#">Ver más...</a></p>
    </div>
    <div>
        <h2>Trámites destacados</h2>
        <table style="width: 100%; margin: 0 auto 0 auto; border: 1px solid black;">
            <thead>
                <tr>
                    <th>Tipo</th>
                    <th>Desde</th>
                    <th>Hasta</th>
                    <th>Prioridad</th>
                    <th>Comentarios</th>
                    <th>Estado</th>
                </tr>
            </thead>
            <tbody>
                <logic:iterate id="transaction" name="lastHighestPriorityTransactionsList" indexId="i">
                   <tr id="hoverRow">
                       <td>${transaction.transactionTypeName}</td>
                       <td>${transaction.fromDate}</td>
                       <td>${transaction.toDate}</td>
                       <td>${transaction.priority}</td>
                       <td>${transaction.comments}</td>
                       <td>${transaction.transactionStatus}</td>
                   </tr>
                </logic:iterate>
            </tbody>
        </table>
        <p style="text-align: right"><a href="#">Ver más...</a></p>
    </div>
    <div>
   		<a href="viewAddresses.do">Ver direcciones</a>
    </div>
</body>
</html>